<template>
	<view class="bgImg-container">
		<image v-if="imgUrl" :src="imgUrl" class="topTitle" mode=""></image>
		<image src="../../static/login/bottomFigure.png" class="bottomFigure" mode=""></image>
	</view>
</template>

<script>
	export default {
		name:"bgImg",
		props:{
			imgUrl:{
				type:String,
				default:""
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
.bgImg-container{
	position:relative;
	width:100vw;
	height:100vh;
	background-color:$base-login;
	z-index:-1;
	.topTitle{
		position:absolute;
		top:0px;
		left:50%;
		width:94%;
		height:500rpx;
		transform: translateX(-50%);
	}
	.bottomFigure{
		position:absolute;
		left:0rpx;
		bottom:00rpx;
		width:100%;
		height:200rpx;
	}
}
</style>
